如何查看网页上的字体

font-family 设置了那么多字体，浏览器到底使用了哪个？

最近，有个小盆友的Boss问他，咱们网站用的什么字体？
小盆友按照css的规则，告诉Boss，浏览器会使用它可识别的第一个字体，如果浏览器不支持第一个字体，则会尝试下一个。
显然，小盆友没说清楚想要的答案，Boss不买账。
受了批评的小盆友，一脸委屈的找到我。 我第一反应是拒绝的，这个百度一下，应该会有的。
既然你也进来了，一定是和他一样，没找到个合适的文章。
主要是让他学会如何解决问题，不是我要难为他，浪费他的时间。
接下来进入正题：

研究一下 “百度为您找到相关结果约8,240,000个” 用了什么字体

以Google浏览器为例

检查元素

我在百度搜索了一个关键词，检查下图划线部分的这个元素：

右击也好，F12也罢，总之得到下图这个结果

到这里你已经成功80%了

查看字体

点击Computed这里，是不是看到计算属性了
不要急，往下看，最下面

看到我红色方框了吧。
恭喜你，成功了！
微软雅黑字体 —— 12个字符
Arial字体 ———— 9个字符
不信的话，自己数一下【百度为您找到相关结果约8,240,000个】